<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!--禁止用户在手机上缩放-->
    <title></title>

    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__AOS__/css/font-awesome.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="__JS__/html5shiv.min.js"></script>
    <script src="__JS__/response.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="__CSS__/personal_center.css">
</head>
<body>
<!--响应式导航-->


<div class="container">
    <div class="row">
        <div class=" clo-lg-10 col-xs-12 col-md-10 col-sm-12 ">

                <form class="text-center"  method="post" action="{:url('personal/recharge_succeed')}" role="form">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <h5 style="color: darkred">到账后会在您的邮箱提醒您</h5>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">充值金额</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="increase"  placeholder="请输入充值金额">
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="password" placeholder="请输入密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-6">
                            <button type="submit" class="btn btn-default">提交</button>
                        </div>
                    </div>

                </form>



        </div>


    </div>





</div>
<div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">当前进度</h4>
            </div>
            <div class="modal-body">
                已经充值
                <div id="result"></div>
            </div>
            <div class="modal-footer">
                <button  class="btn btn-default center_block" data-dismiss="modal">确定 </button>
            </div>
        </div>
    </div>
</div>


<div class="container-fluid last hidden-xs hidden-sm hidden-md">
    <!--隐藏的要一个一个写-->
    <div class="row">
        <div class="col-lg-1 hidden-xs hidden-sm hidden-md"></div>
        <div class="col-lg-8 hidden-xs hidden-sm hidden-md ">
            <ul class="last1">
                <li><a href="#" class="ss">网站首页</a></li>
                <li><a href="#" class="ss">企业合作</a></li>
                <li><a href="#" class="ss">人才招聘</a></li>
                <li><a href="#" class="ss">联系我们</a></li>
                <li><a href="#" class="ss">讲师招聘</a></li>
                <li><a href="#" class="ss">常见问题</a></li>
                <li><a href="#" class="ss">意见反馈</a></li>
                <li><a href="#" class="ss">慕课大学</a></li>
                <li><a href="#" class="ss">友情连接</a></li>
            </ul>
            <p class="last3">
                Copyright © 2017 imooc.com All Rights Reserved | 川ICP备 13046642号-2
            </p>
        </div>
        <div class=" col-lg-3 hidden-xs hidden-sm hidden-md last2">
            <div class="as">
                <i class="fa fa-weixin fa-2x"></i>
            </div>
            <div class="as">
                <i class="fa fa-qq fa-2x"></i>
            </div>
            <div class="as">
                <i class="fa fa-weibo fa-2x"></i>
            </div>

        </div>

    </div>
</div>





</body>
</html>
<script src="__JS__/jquery.min.js"></script>
<script src="__JS__/bootstrap.min.js"></script>
<scirpt src="__JS__/jquery-1.11.3.js"></scirpt>
<script>

//    $(function(){
//        $.ajax({
//            type:"post",
//            url:"{:url('personal/json')}",
//            dateType:"json",
//            success:function (m){
//                alert("充值"+m);
//            }
//        })
//    })

    $(function(){
        $.ajax({
            type:"post",
            url:"{:url('personal/json')}",
            dateType:"text",
            success:function (m){
                $("#result").html(m)
            }
        })
    })

</script>
